<template>
  <div>
    <!-- 两句诗 -->
    <div class="my-animation-slide-top">
      <twoPoem></twoPoem>
    </div>
  </div>
</template>

<script>
import { reactive, toRefs, onMounted } from 'vue'
import twoPoem from "../../components/poem.vue"
export default {
  name: 'Record',
  components:{twoPoem},
  setup() {
    const data = reactive({})
    onMounted(() => {
      console.log('3.-组件挂载到页面之后执行-------onMounted')
    })
    return {
      ...toRefs(data),
    }
  },
}

</script>
<style scoped lang='scss'>
.my-animation-slide-top{
  margin-top: 54px;
}
</style>